<template>
	<el-card>
		<div style='margin-left: 10% ; margin-right: 10%;'>
			<el-tabs v-model="activeName">
				<el-tab-pane label="景区" name="first">
					<searchinfo v-for="item in items" :key='item.id' :id="item.id" :name="item.name" :description="item.description"
					:picture="item.picture" :infotype='0'></searchinfo>
				</el-tab-pane>
				<el-tab-pane label="书籍" name="second">
					<searchinfo v-for="item in items" :key='item.id' :id="item.id" :name="item.name" :description="item.description"
					:picture="item.picture" :infotype="1"></searchinfo>
				</el-tab-pane>
				<el-tab-pane label="纪录片" name="third">
					<searchinfo v-for="item in items" :key='item.id' :id="item.id" :name="item.name" :description="item.description"
					:picture="item.picture" :infotype="1"></searchinfo>
				</el-tab-pane>
			</el-tabs>

		</div>
	</el-card>
</template>

<script>
	import searchinfo from './searchinfo.vue'
	export default {
		name: 'searchresult',
		components: {
			searchinfo
		},
		data() {
			return {
				activeName: 'first',
				dialogvisible: false,
				items: [{
						id: 1,
						name: '株洲神农城',
						description: "株洲神农城是株洲市委、 市政府实施“ 城市提质、 园区攻坚、 旅游升温” 三大战役的重大部署， 也是继创建国家卫生城市、 创建国家园林城市等一系列创建活动后， 又一提升城市品位的重大举措",
						picture: require('@/assets/images/thumbs/gallery/work1.jpg')
					},
					{
						id: 2,
						name: '株洲方特',
						description: '株洲方特欢乐世界位于株洲云龙示范区云田镇，地处长株潭城市群中心。是一个国际一流的第四代主题公园。该游乐场以科幻和动漫为最大特色，可与当前西方最先进的主题公园相媲美。株洲方特欢乐世界由20多个主题项目区组成，包含主题项目、游乐项目、休闲及景观项目200多项，其中包括许多超大型项目，绝大多数项目老少皆宜。',
						picture: require('@/assets/images/thumbs/gallery/work1.jpg')
					}
				]

			};
		},
		methods: {
			// handleClick(tab, event) {
			// 	console.log(tab, event);
			// },
			childByValue(flags) {
				this.dialogvisible = flags;
			}
		}
	};
</script>

<style>
</style>
